<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>会员</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css" tppabs="http://www.hjplayer.cn/cust/css/mui.min.css">
		<style>
			html,
			body {
				font-family: "微软雅黑";
				font-size: 14px;
			}
			
			.level {
				position: relative;
				background: #f9b600 url("images/rights-bg.png")/*tpa=http://www.hjplayer.cn/cust/images/rights-bg.png*//*tpa=http://www.hjplayer.cn/cust/images/rights-bg.png*/ no-repeat;
				background-size: cover;
			}
			
			.level p {
				color: #ffffff;
			}
			
			.level .arrow-up {
				width: 0;
				height: 0;
				border-left: .75rem solid transparent;
				border-right: .75rem solid transparent;
				border-bottom: .75rem solid #fff;
				position: absolute;
				bottom: 0;
				left: 50%;
				-webkit-transform: translate(-50%, 0);
				transform: translate(-50%, 0);
			}
			
			.mui-btn-block {
				font-size: 15px;
				display: block;
				width: 100%;
				margin-bottom: 10px;
				padding: 10px 0;
			}
			
			.f-12 {
				font-size: 12px;
			}
			
			.mui-ellipsis-3 {
				display: -webkit-box;
				overflow: hidden;
				white-space: normal!important;
				text-overflow: ellipsis;
				word-wrap: break-word;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
			}
		</style>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">会员权益</h1>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item " href="/index" tppabs="http://www.hjplayer.cn/cust/index.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="/extension" tppabs="http://www.hjplayer.cn/cust/extension.html">
				<span class="mui-icon mui-icon-paperplane"></span>
				<span class="mui-tab-label">推广</span>
			</a>
			<a class="mui-tab-item mui-active" href="javascript:;">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">会员</span>
			</a>
			<a class="mui-tab-item" href="/izone/setting" tppabs="http://www.hjplayer.cn/cust/izone/setting.html">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content">
			<div class="mui-row level">
				<span class="arrow-up"></span>
				<div class="mui-text-center">
					<div style="height: 125px;padding-top: 24px;">
						<img src="images/mem-active-64x64.png" tppabs="http://www.hjplayer.cn/cust/images/mem-active-64x64.png" width="48" height="48">
						<p>会员权益</p>
					</div>
				</div>
			</div>
			<div class="mui-row" style="background: #fff;padding-right: 5px;margin-top: 5px;">
				<button type="button" class="mui-btn mui-btn-block mui-btn-danger mui-hidden" id="bemember" style="margin-top: 5px;">缴费360元，立即成为会员</button>
				<a href="recharge.html" tppabs="http://www.hjplayer.cn/cust/recharge.html" class="mui-btn mui-btn-block mui-btn-primary mui-hidden" id="vipcard" style="margin-top: 5px;">使用会员卡，立即成为会员</a>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="images/joinmem.png" tppabs="http://www.hjplayer.cn/cust/images/joinmem.png">
							<div class="mui-media-body">
								<p class="mui-ellipsis-3 f-12">缴纳年会费360元或使用会员卡，注册成为年度会员，进入中国首选红酒主题交友平台。会员费，可在“B商城”等值消费。</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="images/mempickwine.png" tppabs="http://www.hjplayer.cn/cust/images/mempickwine.png">
							<div class="mui-media-body">
								<p class="mui-ellipsis-2 f-12" style="-webkit-line-clamp: 3;">当月或次月开始，每月任何一日可以就近领取一瓶会员酒，连续领12个月；当月不取，过期不补。</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="images/backmoney.png" tppabs="http://www.hjplayer.cn/cust/images/backmoney.png">
							<div class="mui-media-body">
								<p class="mui-ellipsis-2 f-12">推广自己的会员二维码，推荐注册一名新会员，奖励一瓶会员酒。</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="images/renew.png" tppabs="http://www.hjplayer.cn/cust/images/renew.png">
							<div class="mui-media-body">
								<p class="mui-ellipsis-3 f-12">会员在线上“B商城”消费，享受折扣，每一笔消费获赠至少一瓶会员酒；并且每笔消费额的5%馈赠给会员的推荐人。</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="images/spread.png" tppabs="http://www.hjplayer.cn/cust/images/spread.png">
							<div class="mui-media-body">
								<p class="mui-ellipsis-2 f-12">会员可在“红酒玩家”线下同名品牌店面免费参加各种品酒沙龙。</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="images/privilege.png" tppabs="http://www.hjplayer.cn/cust/images/privilege.png">
							<div class="mui-media-body">
								<p class="mui-ellipsis-2 f-12">给会员开通线上“C商城”，收益每笔消费额的5%。</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="images/notice.png" tppabs="http://www.hjplayer.cn/cust/images/notice.png">
							<div class="mui-media-body">
								<p class="mui-ellipsis-2 f-12">注册和推荐会员及在“B商城”消费获赠的会员酒，根据地图定位搜索“红酒玩家”O店，就近择机领取。 </p>
							</div>
						</a>
					</li>
				</ul>

			</div>
		</div>
		<script src="js/sea.js" tppabs="http://www.hjplayer.cn/cust/js/sea.js"></script>
		<script src="js/common.js" tppabs="http://www.hjplayer.cn/cust/js/common.js"></script>
		<script>
			seajs.use("app/member.js"/*tpa=http://www.hjplayer.cn/cust/app/member.js*/);
		</script>
	</body>

</html>